<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=Edge"/>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0"/>
    <title>首页</title>
    <!--bootstrap & fontawesome-->
    <link rel="stylesheet" href="/plugins/assets/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/plugins/assets/dist/font-awesome/3.2.1/css/font-awesome.min.css">
    <!--<link href="../../js/common/bootstrap3-dialog/css/bootstrap-dialog.css/bootstrap-dialog.min.css" rel="stylesheet">-->
    <!-- basic styles -->
    <link rel="stylesheet" href="/plugins/assets/dist/css/common.css">
    <link rel="stylesheet" href="/plugins/assets/dist/css/system.css">
    <!-- ace styles -->
    <link rel="stylesheet" href="/plugins/assets/dist/css/ace.css" class="ace-main-stylesheet" id="main-ace-style">
    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../plugins/assets/dist/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <![endif]-->
    <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../plugins/assets/dist/css/ace-ie.min.css"/>
    <![endif]-->
    <!-- ace settings handler -->
    <script src="../../plugins/assets/dist/js/ace-extra.min.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- basic scripts -->
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <!--[if !IE]>
    <script src="/resource/plugins/assets/dist/js/jquery-2.0.3.min.js"></script>
    <![endif]-->
    <!--[if IE]>
    <script src="/resource/plugins/assets/dist/js/jquery-1.12.4.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="../../plugins/assets/dist/js/html5shiv.min.js"></script>
    <script src="../../plugins/assets/dist/js/respond.min.js"></script>
    <![endif]-->
    <link href="../../plugins/assets/KennyPublic.less" rel="stylesheet/less"/>
    <script src="../../js/less1.3.2/less.min.js"></script>
</head>
<body class="no-skin">
<div id="jkapp" v-cloak>
    <div class="navbar navbar-default navbar-collapse bg-gradient-9" id="navbar">
        <script type="text/javascript">
            try {
                ace.settings.check('navbar', 'fixed')
            } catch (e) {
            }
        </script>
        <div class="navbar-container" id="navbar-container">
            <button data-target="#sidebar" id="menu-toggler" class="navbar-toggle menu-toggler pull-left" type="button">
                <span class="sr-only">Toggle sidebar</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- /.navbar-header -->
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand" style="padding:0;line-height: 70px;">
                    <small style="font-size: 95%;">
                        济宁邹城市区域监控系统
                    </small>
                </a><!-- /.brand -->
            </div>
            <div class="navbar-header pull-right collapse navbar-collapse" role="navigation">
                <ul class="nav ace-nav">
                    <li>
                        <div class="dropdown">
                            <a data-toggle="dropdown" class="dropdown-toggle " href="#" title="联系我们">
                                联系我们
                            </a>
                            <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                                <li class="connectPhone">18553649059</li>
                                <li style="background:url(http://wpa.qq.com/pa?p=2:283769317:52) no-repeat left center;padding-left:32px;border-bottom:none; ">
                                    <a class="connectQQ" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=283769317&site=qq&menu=yes">运维人员</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="grey" style="display:none;">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-tasks" style="font-size: 16px;"></i>
                            <span class="badge badge-grey" style="top:-2px;">V4.0</span>
                        </a>
                        <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                            <li class="dropdown-header">
                                <i class="icon-warning-sign"></i>
                                版本信息
                            </li>
                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">
                                            <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
                                            数据更新时间
                                        </span>
                                        <span class="pull-right badge badge-info">2016-06-01</span>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    <div class="clearfix">
                                        <span class="pull-left">
                                            <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
                                            当前版本
                                        </span>
                                        <span class="pull-right badge badge-success">V4.0</span>
                                    </div>
                                </a>
                            </li>

                            <li>
                                <a href="#">
                                    查看所有版本信息
                                    <i class="icon-arrow-right"></i>
                                </a>
                            </li>
                        </ul>

                    </li>
                    <li class="light-blue">
                        <div class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown"
                               style="display: block;color: #fff;padding-left:12px;">
                                <!--data-toggle="modal" data-target="#editPCModal" href="#">-->
                                   欢迎光临,<span class="login_userName"></span>
                                <i class="ace-icon fa fa-caret-down"></i>
                            </a>
                            <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                                <li style="display:none;">
                                    <a href="#">
                                        <i class="icon-cog"></i>
                                        设置
                                    </a>
                                </li>
                                <li>
                                    <a data-toggle="modal" data-target="#changeModal">
                                        <i class="icon-user"></i>
                                        修改密码
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="javascript:;" class="loginOut">
                                        <i class="icon-off"></i>
                                        退出
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul><!-- /.ace-nav -->
            </div><!-- /.navbar-header -->
        </div><!-- /.container -->
    </div>

    <!-- /section:basics/navbar.layout -->
    <div id="main-container" class="main-container">

        <!-- #section:basics/sidebar -->
        <div id="sidebar" class="sidebar responsive">
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'fixed')
                } catch (e) {
                }
            </script>

            <ul class="nav nav-list sidebar-menu">
                <!-- vue生成的菜单 -->
                <menu-item :item="item" :index="index" v-for="(item, index) in menuList"></menu-item>
            </ul>
            <!-- #section:basics/sidebar.layout.minimize -->
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon icon-double-angle-left" data-icon1="ace-icon icon-double-angle-left"
                   data-icon2="ace-icon icon-double-angle-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'collapsed')
                } catch (e) {
                }
            </script>
        </div>

        <!-- /section:basics/sidebar -->
        <div class="main-content">
            <div class="main-content-inner">
                <!-- #section:basics/content.breadcrumbs -->
                <div class="breadcrumbs" id="breadcrumbs">
                    <script type="text/javascript">
                        try {
                            ace.settings.check('breadcrumbs', 'fixed')
                        } catch (e) {
                        }
                    </script>

                    <ul class="breadcrumb">
                        <li>
                            <i class="ace-icon fa fa-home home-icon"></i>
                            <a href="#main.html">首页</a>
                        </li>
                        <li class="active">{{navTitle}}</li>
                    </ul><!-- /.breadcrumb -->

                </div>

                <!-- /section:basics/content.breadcrumbs-->
                <div class="page-content">
                    <iframe frameborder="no" id="mainurl" frameborder="0"
                            style="width:100%;min-height:200px;overflow:visible;" :src="main"></iframe>

                </div> <!--/.page-content -->
            </div>
        </div><!-- /.main-content -->

        <div class="footer">
            <div class="footer-inner">
                <!-- #section:basics/footer -->
                <div class="footer-content">
                    <span class="bigger-120">
                      山东道盛信息科技有限公司&nbsp;&nbsp;&nbsp;&nbsp;qq:283769317 手机:18553649059
                    </span>

                    &nbsp; &nbsp;
                    <span class="action-buttons">
                        <a href="#">
                            <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
                        </a>

                        <a href="#">
                            <i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
                        </a>

                        <a href="#">
                            <i class="ace-icon fa fa-rss-square orange bigger-150"></i>
                        </a>
                    </span>
                </div>
                <!-- /section:basics/footer -->
            </div>
        </div>

        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
            <i class="icon-double-angle-up icon-only bigger-110"></i>
        </a>
    </div>
    <!-- /.main-container -->
</div>

<!-- basic scripts -->

<script src="../plugins/vue.min.js"></script>
<script src="../plugins/router.js"></script>
<script src="../../plugins/assets/dist/js/bootstrap.min.js"></script>
<script src="../../plugins/assets/dist/js/ace-elements.min.js"></script>
<script src="../../plugins/assets/dist/js/ace.min.js"></script>
<script src="../../js/common/bootstrap3-dialog/js/bootstrap-dialog.js"></script>
<script src="../js/sea.js"></script>
<script src="../js/seajs-config.js"></script>
<script src="../js/seajs-text.js"></script>
<script src="../js/seajs-init.js"></script>
<script src="../js/index.js"></script>
<script src="../js/common/artemplate.js"></script>
<script src="../js/KennyPublic.js"></script>
<script src="../js/common/dialog.js"></script>



<!--模态框-->
<!--统计分析—>专利申请查询->区域归类模态框-->
<form id="areaModal">
    <div id="modal-area" class="modal">  <!--半透明的遮罩层-->
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">区域归类</label>
                </div>
                <div class="modal-body">
                    <div style="margin: 20px 8px 4px 8px;">
                        <p>
                            <span class="lab_title">*</span>请将所选权利人归入该区域：<br>
                            <select name="areaId" id="areaId" class="txt_patApply">
                                <option value="">-请选择-</option>
                            </select>
                        </p>

                    </div>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <input type="button" class="btn btn-success btn-md btnConfirm" value="确定"/>
                </div>
            </div>
        </div>
    </div>
</form>
<!--系统管理—>权利人管理->区域归类模态框-->
<form id="oAreaModal">
    <div id="modal-oArea" class="modal">  <!--半透明的遮罩层-->
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">区域归类</label>
                </div>
                <div class="modal-body">
                    <div style="margin: 20px 8px 4px 8px;">
                        <p>
                            <span class="lab_title">*</span>请将所选权利人归入该区域：<br>
                            <select name="areaId" id="OareaId" class="txt_patApply">
                                <option value="">-请选择-</option>
                            </select>
                        </p>
                    </div>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <input type="button" class="btn btn-success btn-md btnOAreaConfirm" value="确定"/>
                </div>
            </div>
        </div>
    </div>
</form>
<!--系统管理—>权利人管理->行业归类模态框-->
<form id="industryModal">
    <div id="modal-industry" class="modal">  <!--半透明的遮罩层-->
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">行业归类</label>
                </div>
                <div class="modal-body">
                    <div style="margin: 20px 8px 4px 8px;height:auto;min-height:150px;">
                        <p>
                            <span class="lab_title">*</span>请将所选权利人归入该行业：<br>
                        <div class="searchItem-rdoBox industryBox" style="width:580px;">
                            <!--<span><input type="checkbox" name="industryId" value="" class="industryAll"><label>全部</label></span>-->
                        </div>
                        </p>
                    </div>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <input type="button" class="btn btn-success btn-md btnIIndustryConfirm" value="确定"/>
                </div>
            </div>
        </div>
    </div>
</form>
<!--系统管理->权利人管理->修改-->
<form id="editObligeeManage">
    <div id="modal-editObligee" class="modal">  <!--半透明的遮罩层-->
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">修改</label>
                </div>
                <div class="modal-body">
                    <div style="margin: 20px 8px 4px 8px;">
                        <div class="clearfix" style="line-height:30px;">
                            <label class="searchItem-label lf">权利人：</label>
                            <span class="applicantName"></span>
                        </div>
                        <div class="clearfix" style="line-height:30px;">
                            <label class="searchItem-label lf">地址：</label>
                            <span class="address"></span>
                        </div>
                        <div class="clearfix" style="line-height:30px;">
                            <label class="searchItem-label lf">区域：</label>
                            <select name="areaId" id="mainAreaId" class="txt_patApply lf">
                                <option value="">-请选择-</option>
                            </select>
                        </div>
                        <div class="clearfix" style="line-height:30px;">
                            <label class="searchItem-label lf">行业：</label>
                            <div class="searchItem-rdoBox industryUpdateBox" style="width:574px;">
                                <span><input type="checkbox" name="industryId" class="industryItem"
                                             value="0"><label>未分类</label></span>
                                <!--行业列表-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <input type="button" class="btn btn-success btn-md btnEditObligeeConfirm" value="确定"/>
                </div>
            </div>
        </div>
    </div>
</form>
<!--系统管理->分类管理->区域管理、行业管理-->
<form id="editAreaForm">
    <div id="modal-addArea" class="modal">  <!--半透明的遮罩层-->
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <input type="hidden" value="" name="id"/>
                    <label class="title">添加区域</label>
                </div>
                <div class="modal-body">
                    <div class="modal-list clearfix">
                        <div class="ui-form-item">
                            <label class="ui-label"><i class="ui-i">*</i>序号：</label>
                            <input class="ui-input" name="sort" maxlength="10">
                        </div>
                        <div class="ui-form-item">
                            <label class="ui-label"><i class="ui-i">*</i>区域名称：</label>
                            <input class="ui-input" name="name" maxlength="20">
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <input type="submit" class="btn btn-success btn-md btnAreaConfirm" value="确定"/>
                </div>
            </div>
        </div>
    </div>
</form>
<form id="editIndustryForm">
    <div id="modal-addIndustry" class="modal">  <!--半透明的遮罩层-->
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <input type="hidden" value="" name="id"/>
                    <label class="title">添加区域</label>
                </div>
                <div class="modal-body">
                    <div class="modal-list clearfix">
                        <div class="ui-form-item">
                            <label for="sort" class="ui-label"><i class="ui-i">*</i>序号：</label>
                            <input class="ui-input" name="sort" id="sort" maxlength="10">
                        </div>
                        <div class="ui-form-item">
                            <label for="name" class="ui-label"><i class="ui-i">*</i>行业名称：</label>
                            <input class="ui-input" name="name" id="name" maxlength="20">
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="text-align: center;">
                    <input type="submit" class="btn btn-success btn-md btnIndustryConfirm" value="确定"/>
                </div>
            </div>
        </div>
    </div>
</form>
<form id="editForm">
    <!--修改用户密码-->
    <div class="modal" id="changeModal">
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">修改用户密码</label>
                </div>
                <div class="modal-body" style="text-align: center;">
                    <div class="ui-form-item">
                        <label class="text-left login-label">用户名：</label>
                        <input class="text-info ipt ipt-md" name="userName" id="userName" readonly>
                    </div>
                    <div class="ui-form-item">
                        <label for="oldPwd" class="text-left login-label">旧密码：</label>
                        <input type="password" class="text-info ipt ipt-md" name="oldPwd" id="oldPwd" maxlength="20"
                               minlength="6">
                    </div>
                    <div class="ui-form-item">
                        <label for="newPwd" class="text-left login-label">新密码：</label>
                        <input type="password" class="text-info ipt ipt-md" name="newPwd" id="newPwd" maxlength="20"
                               minlength="6">
                    </div>
                </div>
                <div class="modal-footer" style="text-align: center;border-radius:4px;">
                    <input type="submit" value="确定" class="btn btn-primary btn-md btnChangePwd"/>
                </div>
            </div>
        </div>
    </div>
    <!--区域删除-->
    <div class="modal" id="deletAreaModal">
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">删除区域</label>
                </div>
                <div class="modal-body" style="text-align: center;">
                    <p>确定删除选中的 <span class="selectedArea"></span></p>
                    <p>该区域的权利人则将归为未分类</p>
                </div>
                <div class="modal-footer" style="text-align: center;border-radius:4px;">
                    <input type="submit" value="确定" class="btn btn-primary btnDeleteArea"/>
                    <input type="button" class="btn btnCancel btnClose" value="取消">
                </div>
            </div>
        </div>
    </div>
    <!--行业删除-->
    <div class="modal" id="deletIndustryModal">
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">删除行业</label>
                </div>
                <div class="modal-body" style="text-align: center;">
                    <p>确定删除选中的 <span class="selectedIndustry"></span></p>
                </div>
                <div class="modal-footer" style="text-align: center;border-radius:4px;">
                    <input type="submit" value="确定" class="btn btn-primary btnDeleteIndustry"/>
                    <input type="button" class="btn btnCancel btnClose" value="取消">
                </div>
            </div>
        </div>
    </div>
    <!--更新报表-->
    <div class="modal" id="updateReport">
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">更新报表</label>
                </div>
                <div class="modal-body" style="text-align: center;">
                    <p>确定用户更新报表</p>
                </div>
                <div class="modal-footer" style="text-align: center;border-radius:4px;">
                    <input type="button" value="确定" class="btn btn-primary btnUpdateReport"/>
                    <input type="button" class="btn btnCancel btnClose" value="取消">
                </div>
            </div>
        </div>
    </div>
    <!--设置区域-->
    <div class="modal" id="updateArea">
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">设置区域</label>
                </div>
                <div class="modal-body" style="text-align: center;">
                    <p>区域未设置,去设置</p>
                </div>
                <div class="modal-footer" style="text-align: center;border-radius:4px;">
                    <input type="button" value="确定" class="btn btn-primary btnUpdateArea"/>
                    <input type="button" class="btn btnCancel btnClose" value="取消">
                </div>
            </div>
        </div>
    </div>
    <!--设置指标-->
    <div class="modal" id="updateTarget">
        <div class="modal-dialog"> <!--尺寸和定位-->
            <div class="modal-content">  <!--背景/边框/倒角/阴影-->
                <div class="modal-header">
                    <span class="close btnClose">&times;</span>
                    <label class="title">设置指标</label>
                </div>
                <div class="modal-body" style="text-align: center;">
                    <p>指标未设置,去设置</p>
                </div>
                <div class="modal-footer" style="text-align: center;border-radius:4px;">
                    <input type="submit" value="确定" class="btn btn-primary btnUpdateTarget"/>
                    <input type="button" class="btn btnCancel btnClose" value="取消">
                </div>
            </div>
        </div>
    </div>
    <div id="formData"></div>
    <script id="contentTemplate" type="text/html">
        <%for ( i = 0; i< list.items.length; i++) {%>
        <tr>
            <td> <%=list.items[i].sort%></td>
            <td class="text-align-l"><%=list.items[i].name%></td>
            <td>
                <input type="submit" class="btn btn-default btn-sm btnIndustryUpdate"
                       data-name="<%=list.items[i].name%>" data-id="<%=list.items[i].id%>"
                       data-no="<%=list.items[i].sort%>" value="修改">
                <input type="submit" class="btn btn-default btn-sm btnIndustryRemove"
                       data-name="<%=list.items[i].name%>" data-id="<%=list.items[i].id%>"
                       data-no="<%=list.items[i].sort%>" value="删除">
            </td>
        </tr>
        <%}%>
    </script>
    <script type="text/javascript">
        seajs.use(['/js/profile'], function (profile) {

        });
    </script>
</form>
</body>
</html>